// import React from 'react';
// import { useHistory } from 'react-router';
// import { FullProgram, ProgramDetailInfo } from '@/path-constant';
// import { ProgramDetailData } from '@/mock-data';
// // import { request } from 'umi';
// import { GetUrl } from '@/utils/api';
// import { FormatterTime } from '@/utils/kits'
// import './ProgramDetail.less';
// // import { useState } from 'react';
// import { ColumnType } from 'antd/lib/table'
// import {
//   Button,
//   Table,
//   Tooltip,
//   Select,
//   Divider,
//   Space
// } from 'antd';
// import { DemoOptions, TagRender } from '@/components/style/TagRender';
// // ColumnType<tempTp>[]
// const Summarizing = () => {
//   const columns: any = [
//     {
//       title: '项目名称',
//       dataIndex: 'programName',
//       filters: [
//         {
//           text: '集美先锋',
//           value: '集美先锋',
//         },
//         {
//           text: '丹阳湖五号楼',
//           value: '丹阳湖五号楼',
//         }
//       ],
//       // specify the condition of filtering result
//       // here is that finding the name started with `value`
//       onFilter: (value: string, record: ProgramDetailInfo) => record.programName.indexOf(value) === 0,
//       sorter: (a: ProgramDetailInfo, b: ProgramDetailInfo) => a.programName.length - b.programName.length,
//       sortDirections: ['descend'],
//     },
//     {
//       title: '花费类型',
//       dataIndex: 'costType',

//     },
//     {
//       title: '金额',
//       dataIndex: 'amount',
//       defaultSortOrder: 'descend',
//       sorter: (a: ProgramDetailInfo, b: ProgramDetailInfo) => a.amount - b.amount,
//     },
//     {
//       title: '开始时间',
//       dataIndex: 'startDate',
//       render: FormatterTime
//     },
//     {
//       title: '结束时间',
//       dataIndex: 'endDate',
//       render: FormatterTime
//     },
//     {
//       title: '现金流方向',
//       dataIndex: 'crashFlow',
//     },
//     {
//       title: '客户方',
//       dataIndex: 'customer'
//     },
//     {
//       title: '备注',
//       dataIndex: 'remark',
//       fixed: 'middle',
//       width: 100,
//       onCell: () => {
//         return {
//           style: {
//             maxWidth: 100,
//             overflow: 'hidden',
//             whiteSpace: 'nowrap',
//             textOverflow: 'ellipsis',
//             cursor: 'pointer'
//           }
//         }
//       },
//       render: (text: string) => <Tooltip placement="top" title={text}>{text}</Tooltip>
//     },
//   ];

//   function onChange(pagination: any, filters: any, sorter: any, extra: any) {
//     console.log('params', pagination, filters, sorter, extra);
//   }
//   return (<Table columns={columns} dataSource={ProgramDetailData} onChange={onChange} />);
// }
// //这里带参数切换路由时还是会报一堆警告，后续查看
// const ProgramDetail: React.FC<{ program: FullProgram }> = (props) => {
//   const history = useHistory();
//   // const astate = history.location.state;
//   let astate: any = history.location.state;
//   // let id:any=state.id;
//   // console.log(props);
//   let programId = "";
//   if (astate !== undefined) {
//     programId = astate.id;
//   }
//   let programName: string = "测试项目"
//   // console.log(astate.id);
//   // request(GetUrl("get"), {
//   //     method: "post",
//   //     data: {
//   //         "Program": {}
//   //     }
//   // }).then(response => {
//   //     console.log(response);
//   // }).catch(error => {
//   //     console.log(error);
//   // }).finally(function () {
//   //     console.log("over!");
//   // })
//   // let ProgramOption: { value: string }[] = getOption(ProgramDetailData, (d) => d.programName);
//   let TypeOption: { value: string }[] = getOption(ProgramDetailData, (d) => d.costType);
//   let CrashFlowOption: { value: string }[] = getOption(ProgramDetailData, (d) => d.crashFlow);
//   return (
//     <div>
//       <Button onClick={() => { history.goBack() }}>返回上一页</Button>
//       {/* <FormSizeDemo /> */}
//       {/* <h4 className="text-margin">聚合类选择器:</h4> */}
//       {/* <span>项目选择</span>
//       <Select
//         mode="multiple"
//         showArrow
//         tagRender={TagRender}
//         defaultValue={[]}
//         style={{ width: '100%' }}
//         options={ProgramOption}
//       /> */}
//       <Divider></Divider>
//       <div>
//         <div className="div-not-row">
//           <span>类型选择：</span>
//           <Select
//             mode="multiple"
//             showArrow
//             tagRender={TagRender}
//             defaultValue={[]}
//             style={{ width: '30%' }}
//             options={TypeOption}
//           />
//         </div>
//         <div className="div-not-row">
//           <span>现金流方向：</span>
//           <Select
//             mode="multiple"
//             showArrow
//             tagRender={TagRender}
//             defaultValue={[]}
//             style={{ width: '30%' }}
//             options={CrashFlowOption}
//           />
//           <Button style={{ margin: '10px' }}>确定</Button>
//         </div>
//       </div>
//       <div className="div-margin">&nbsp;</div>
//       <Summarizing />
//       <Divider plain>分割线</Divider>
//       <Summarizing />
//     </div>
//   );
// }
// function getOption(datas: ProgramDetailInfo[], fn: (pdata: ProgramDetailInfo) => string): { value: string }[] {
//   let option: { value: string }[] = []
//   let nameSet = new Set<string>();
//   for (let data of datas) {
//     // nameSet.add(data.programName);
//     nameSet.add(fn.call(null, data));
//   }
//   nameSet.forEach(function (name) {
//     option.push({ value: name })
//   });
//   return option;
// }
// export default ProgramDetail;